<template>
  <!-- FOOTER -->
  <div id="footer" class="container-fluid footer-background">
    <div class="col-lg-1"></div>
    <div class="container">
      <footer>
        <!-- SECTION FOOTER -->
        <div class="row">
          <!-- SOCIAL -->
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="row auto-clear">
              <div class="col-md-12">
              </div>
              <div class="col-md-12">
                <ul class="social">
                  <li class="social-qq"><a href="https://qzone.qq.com/" target="_blank"
                                           class="fa fa-qq social-icons" title="官方QQ"></a></li>
                  <li class="social-weixin"><a href="https://weixin.qq.com/" target="_blank"
                                               class="fa fa-weixin social-icons" title="官方微信"></a></li>
                  <li class="social-weibo"><a href="https://weibo.com/" target="_blank"
                                              class="fa fa-weibo social-icons" title="官方微博"></a></li>
                  <li class="social-twitter"><a href="http://www.twitter.com/" target="_blank"
                                                class="fa fa-twitter social-icons" title="官方推特"></a></li>
                  <li class="social-facebook"><a href="http://www.facebook.com/" target="_blank"
                                                 class="fa fa-facebook social-icons" title="官方脸书"></a></li>
                </ul>
              </div>
              <div class="col-md-12">
                <p>本网站提供的资源均系收集于各大视频网站，本网站只提供web页面服务，并不提供影片资源存储，也不参与录制、上传

                  若本站收录的节目无意侵犯了贵司版权，请给网页底部邮箱地址来信，我们会及时处理和回复，谢谢</p>
              </div>
            </div>
          </div>
          <!-- TAGS -->
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <h2 class="title">传送门</h2>
            <ul class="footer-tags">
              <li><a href="#">帮助中心</a></li>
              <li><a href="#">活动中心</a></li>
              <li><a href="#">壁纸站</a></li>
              <li><a href="#">广告合作</a></li>
              <li><a href="#">客户反馈论坛</a></li>
              <li><a href="#">侵权申诉</a></li>
              <li><a href="#">弹幕礼仪</a></li>
              <li><a href="#">联系客服</a></li>
            </ul>
          </div>
          <!-- POST -->
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <h2 class="title">使用教程</h2>
            <div class="row auto-clear">
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 post post-medium">
                <div class="thumbr">
                  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
                    <span class="play-btn-border" title="Play"><i
                      class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                    <img class="img-responsive" src="../assets/img/thumbs/thumb-s.jpg" alt="#">
                  </a>
                </div>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 post post-medium">
                <div class="thumbr">
                  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
                    <span class="play-btn-border" title="Play"><i
                      class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                    <img class="img-responsive" src="../assets/img/thumbs/thumb-s2.jpg" alt="#">
                  </a>
                </div>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 post post-medium">
                <div class="thumbr">
                  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
                    <span class="play-btn-border" title="Play"><i
                      class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                    <img class="img-responsive" src="../assets/img/thumbs/thumb-s3.jpg" alt="#">
                  </a>
                </div>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 post post-medium">
                <div class="thumbr">
                  <a class="post-thumb" href="" data-lity title="Video Title Goes Here">
                    <span class="play-btn-border" title="Play"><i
                      class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
                    <img class="img-responsive" src="../assets/img/thumbs/thumb-s4.jpg" alt="#">
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-1 col-md-2 hidden-sm hidden-xs"></div>
          <!-- LINKS -->
          <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
            <h2 class="title">站点信息</h2>
            <ul class="footer-menu-links">
              <li class="fa fa-chevron-right"><a href="#">关于我们</a></li>
              <li class="fa fa-chevron-right"><a href="#">联系我们</a></li>
              <li class="fa fa-chevron-right"><a href="#">用户协议</a></li>
              <li class="fa fa-chevron-right"><a href="#">加入我们</a></li>
              <li class="fa fa-chevron-right"><a href="#">隐私政策</a></li>
            </ul>
          </div>
        </div>
        <div class="row copyright-bottom text-center">
          <div class="col-md-12 text-center">
            <a href="" class="footer-logo" title="Video Magazine Bootstrap HTML5 template">
              <img src="../assets/img/footer-logo.png" class="img-responsive text-center"
                   alt="footer-logo">
            </a>
            <p>Copyright &copy; 2020&nbsp;瑶光动漫&nbsp;<a target="_blank"
               href="http://www.alkaid.com">www.alkaid.com</a></p>
          </div>
        </div>
      </footer>
    </div>
    <div class="clearfix"></div>
  </div>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<style scoped>

</style>
